<!DOCTYPE html>
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>  
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>基础体温</title>
		<script type="text/javascript" src="js/common/echarts.js"></script> 
	  	<script type="text/javascript" src="js/common/mapUtil.js"></script>
	  	<script type="text/javascript" src="js/common/string2Map.js"></script>
	  	<script type="text/javascript" src="js/common/dateUtil.js"></script> 	 
	  	
	  	<script type="text/javascript" src="js/bbt/orientation.js"></script>
		<script type="text/javascript" src="js/bbt/swipe.js"></script>  	
		<script type="text/javascript" src="js/common/periodUtil.js"></script>
		<script type="text/javascript" src="js/bbt/initBBTChartData.js"></script>
        <script type="text/javascript" src="js/bbt/drawBBTChart.js"></script>
        <script type="text/javascript" src="js/common/detailUtil.js"></script>
		<script type="text/javascript" src="js/bbt/bbtDetail.js"></script>
		<link href="css/scroll.css" rel="stylesheet" type="text/css">		
	</head>
	
<body style="margin:0px;padding:0px; overflow-x: hidden; overflow-y: hidden">
	<div id="div_fix_zone" style="overflow: hidden;">
		<div id="div_scroll_zone" style="overflow: scroll;overflow-y:hidden;">
		
			<div id="bbtLineChartYAxis" style="text-align:right;position:absolute; z-index:999; margin-left:5px; font-size:10px; font-weight:1; color:#000; font-family:'微软雅黑'">                
            	<table id="bbtLineChartYAxisTable">			    	
			    </table>
            </div>
            
			<div id="bbtLineChart">			
			</div> 
			
		</div>
	</div>
	<table id="detail_table" style="display:none; text-align:center; margin-left:auto; margin-right:auto;font-family:'微软雅黑'">
  	<tr style="width:100%">
    	<td id="periodDayNum_td">
        	<div id="periodDayNum_div" style="color:#666461">
            	周期第<span id="periodDayNum" style="color:#40c2ff"></span>天
            </div>
        </td>
        <td id="detail_td" style="background-color:#40c2ff">
        	<div id="detail_div">
                <div id="detail_div2">
                    <img id="heart" alt="heart" src="img/detailCircle/heart.png"/>
                    <img id="moon" alt="moon" src="img/detailCircle/moon.png"/>
                    <img id="drink" alt="drink" src="img/detailCircle/drink.png"/>
                    <img id="medicine" alt="medicine" src="img/detailCircle/medicine.png"/>
                    <img id="plane" alt="plane" src="img/detailCircle/plane.png"/>
                </div>
                <div id="detail_div3" style="margin:2.5%;font-size:200%;color:#FFF">
                    <span id="detailTemperature"></span><span id="detail_span">℃</span>
                </div>
                <div id="detailDate" style="font-size:150%;color:#666461">
                    
                </div>
                <div id="detailDayOfWeek" style="color:#666461">
                    
                </div>
            </div>
        </td>
        <td id="periodDayTitle_td">
        	<div id="periodDayTitle_div">
        		<img alt="periodDayTitle" id="periodDayTitle" style=" width:90%"/>
            </div>
        </td>
    </tr>
  </table>
  
  <script type="text/javascript"> 
      
  /****************************************** 
  	 初次画图
   *******************************************/   
  var customerDateTemperatureMap = new Map();
  var customerDatePolishedTemperatureMap = new Map();
  var customerDatePeriodMap = new Map(); 
  var customerDateHeartMap  = new Map();
  var customerDateMoonMap  = new Map();
  var customerDateMedicineMap = new Map();
  var customerDateDrinkMap = new Map();
  var customerDatePlaneMap = new Map();  	
  
  var customerDataYjqStartDateArray = new Array();

  setTimeout('firstShowBBTChart()', 200);
 
  function firstShowBBTChart(){
  	//只初始化一次
  	setEChartConfig();
  	addOrientationChangeListener();  	
  	initCustomerData();
  	
  	//后面可能被多次调用
  	initBBTChartData();
  	drawBBTChart();  	
  	initSwipe();   	

  	if(portraitOrLandscape == "landscape")		
  		disableBBTChartDetail(); 		
	else{	
		enableBBTChartDetail();	  		
  		firstShowBBTChartDetail();  		
  	} 	
  }    
  
  function initCustomerData(){  	
	  var customerDateTemperatureStr = localStorage.getItem("customerDateTemperatureKey");
	  var customerDatePolishedTemperatureStr = localStorage.getItem("customerDatePolishedTemperatureKey");
	  var customerDatePeriodStr = localStorage.getItem("customerDatePeriodKey");
	  var customerDateHeartStr = localStorage.getItem("customerDateHeartKey");
	  var customerDateMoonStr = localStorage.getItem("customerDateMoonKey");
	  var customerDateMedicineStr = localStorage.getItem("customerDateMedicineKey");
	  var customerDateDrinkStr = localStorage.getItem("customerDateDrinkKey");
	  var customerDatePlaneStr = localStorage.getItem("customerDatePlaneKey");
	  
	  customerDateTemperatureMap = getDateTemperatureMap(customerDateTemperatureStr);
	  customerDatePolishedTemperatureMap = getDateTemperatureMap(customerDatePolishedTemperatureStr);
	  customerDatePeriodMap = getDatePeriodMap(customerDatePeriodStr);
	  customerDateHeartMap = getDateHeartMap(customerDateHeartStr);
	  customerDateMoonMap = getDateMoonMap(customerDateMoonStr);
	  customerDateMedicineMap = getDateMedicineMap(customerDateMedicineStr);
	  customerDateDrinkMap = getDateDrinkMap(customerDateDrinkStr);
	  customerDatePlaneMap = getDatePlaneMap(customerDatePlaneStr);  
	  
	  initYjqStartDateArray();
  }     

  function initYjqStartDateArray(){
  	  var customerDataYjqStartDateArrayStr = localStorage.getItem("customerDataYjqStartDateArrayStrKey");
  	  customerDataYjqStartDateArray = customerDataYjqStartDateArrayStr.split(",");
  }

  </script>

</body>
</html>
